<div fxLayoutAlign="center center" class="pt40">
    <div fxFlex.lt-lg="98" fxFlex.gt-md="90">
        <h1 class="center-align">

            <a *ngIf="chapterLink.pre"  href="javascript:;" (click)="goToChapter(chapterLink.pre)"> 上一话</a>

            <a (click)="goBackRouter()" href="javascript:;" [title]="manhua.title">
                {{manhua.title}}
            </a>
            <span>/</span>
            <span>{{title}}</span>

            <a *ngIf="chapterLink.next" href="javascript:;" (click)="goToChapter(chapterLink.next)">下一话</a>
        </h1>
        <div class="btnBox">
            <button (click)="pre()">上一页</button>
            <span>{{page.curpage}}/{{page.pages}}</span>
            <button (click)="next()">下一页</button>
        </div>

        <div id="imgBox">
            <img [src]="img" alt="" width="847">
            <a id="leftHalfPage" (click)="pre()"></a>
            <a id="rightHalfPage" (click)="next()"></a>
        </div>
        <div class="btnBox">
            <button (click)="pre()">上一页</button>
            <span>{{page.curpage}}/{{page.pages}}</span>
            <button (click)="next()">下一页</button>
        </div>
    </div>
</div>